<template>
  <div id="app">
    <transition name="transitionRouter">
      <router-view />
    </transition>
  </div>
</template>

<style lang="less">
  .transitionRouter-enter-active,.transitionRouter-leave-active{
    transition:0.8s;
    position: absolute;
    top:0;
  }
  .transitionRouter-enter{
    transform: translateX(100%);
    opacity: 0;
  }
  .transitionRouter-leave-to{
    opacity: 0;
    transform: translateX(-100%);
  }
</style>
